<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name='viewport' content='width=device-width, initial-scale=1.0, user-scalable=no'>
<title>상세페이지</title>
<!-- Replace favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
<link rel='shortcut icon' href='resources/img/favicon.png' />
<!--[if lt IE 9]><script src='../js/html5shiv.js'></script><![endif]-->
<!--[if IE 8]><link rel='stylesheet' type='text/css' href='../css/ie8.css' /><![endif]-->
<!-- Theme Hook -->

<link rel='stylesheet' id='style-css' href='resources/css/style.css' type='text/css' media='all' />
<link rel='stylesheet' id='demo_panel-css' href='resources/css/side_panel.css' type='text/css' media='all' />
<!--사이드바를 위해 추가-->
<link rel='stylesheet' id='miniColors-css' href='resources/css/jquery.miniColors.css' type='text/css' media='all' />
<link rel='stylesheet' id='responsive-style-css' href='resources/css/responsive.css' type='text/css' media='all' />
<link rel='stylesheet' id='light_skin-css' href='resources/css/light_skin.css' type='text/css' media='all' />
<link rel='stylesheet' id='skin13-css' href='resources/css/darkallstar.css' type='text/css' media='all' />
<link rel='stylesheet' id='options-css' href='resources/css/options.css' type='text/css' media='all' />
<link rel='stylesheet' id='bootstrap-css' href='resources/css/bootstrap.css' type='text/css' media='all' />
<link rel='stylesheet' id='google-webfonts-css' href='http://fonts.googleapis.com/css?family=Averia+Libre:400,700' type='text/css' media='all' />
<link rel="stylesheet" type="text/css" href="resources/css/anytime.css" />

<script type='text/javascript' src='resources/js/jquery.js'></script>
<script type='text/javascript' src='resources/js/demo_panel.js'></script><!--사이드바를 위해 추가-->
<script type='text/javascript' src='resources/js/jquery.minicolors.js'></script>
<script type='text/javascript' src='resources/js/bootstrap.js'></script>

<!--timepicker추가-->
	<script src="resources/js/jquery-ui-1.10.3.custom.js"></script>
	<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
	<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
	<script src="resources/js/anytime.js"></script>
	<script src="resources/js/anytimez.js"></script>

</head>
<body class="home blog">
	<!--<div id="top"></div>-->
<!-- Demo Panel -->
<div id="options_panel" class="opened">
	<div class="options">
		<table>
			<tr class="demo_title">
				<td><h4>시간-지역</h4></td>
			</tr>
			<tr class="demo_title">
				<td><h5>아이의 알림을 받을 시간과 장소를 설정하세요.</h5></td>
			</tr>
			<tr>
				<td>
				<form class="form-inline">
					<fieldset>
						<table>
							<tr>
								<td class="control-group form-horizontal"><label class="control-label custom-label">자녀선택</label>
								<div class="controls">
									<select id="selectbasic" name="selectbasic" class="input-medium" required>
										<option>자녀1</option>
										<option>자녀2</option>
										<option>자녀3</option>
									</select>
								</div></td>
							</tr>
							<tr class="">
								<td class="control-group form-horizontal"><label class="control-label custom-label">설정이름</label>
								<div class="controls setting_name">
									<input name="text" class="input-small" placeholder="설정이름을 입력하세요." type="text" required>
								</div><!--  <p class="help-block">help</p> --></td>
							</tr>
							<tr class="">
								<td class="control-group  form-horizontal"><label class="control-label custom-label">지역설정</label>
								<div class="controls">
									<div class="input-append">
										<input id="appendedtext" name="appendedtext" class="input-medium" placeholder="동 이름으로 검색" type="text" required>
										<span class="btn" style="padding: 4px 3px;">검색</span>
									</div>
								</div><!--  <p class="help-block">help</p> --></td>
							</tr>
							<tr class="">
								<td class="control-group form-horizontal"><label class="control-label custom-label">반경설정</label>
								<div class="controls">
									<select id="selectbasic2" name="selectbasic" class="input-medium" required>
										<option>10M</option>
										<option>20M</option>
										<option>30M</option>
										<option>50M</option>
										<option>100M</option>
										<option>150M</option>
										<option>200M</option>
										<option>250M</option>
										<option>300M</option>
										<option>500M</option>
									</select>
								</div></td>
							</tr>
							<tr class="left">
								<td>
								<input type="button" class="btn custom-btn-up1" id="rangeDemoToday" value="지  금"/>
								</td>
								<td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
								<td>
								<input type="button" class="btn custom-btn-up1" id="rangeDemoClear" value="재설정"/>
								</td>
							</tr>
							<tr class="">
								<td>시작시간 :
								<input type="text" id="rangeDemoStart" class="input-large"/>
								</td>
							</tr>
							<tr>
								<td>종료시간 :
								<input type="text" id="rangeDemoFinish" class="input-large"/>
								</td>
							</tr>
							<div class="dialog" title="jquery ui dialog">
								<script>
									var oneDay = 24 * 60 * 60 * 1000;
									var rangeDemoFormat = "%Y-%m-%e %p %h %i";
									var rangeDemoConv = new AnyTime.Converter({
										format : rangeDemoFormat
									});
									$("#rangeDemoToday").click(function(e) {
										$("#rangeDemoStart").val(rangeDemoConv.format(new Date())).change();
									});
									$("#rangeDemoClear").click(function(e) {
										$("#rangeDemoStart").val("").change();
									});
									$("#rangeDemoStart").AnyTime_picker({
										format : rangeDemoFormat
									});
									$("#rangeDemoStart").change(function(e) {
										try {
											var fromDay = rangeDemoConv.parse($("#rangeDemoStart").val()).getTime();
											var dayLater = new Date(fromDay + oneDay);
											dayLater.setHours(0, 0, 0, 0);
											var ninetyDaysLater = new Date(fromDay + (90 * oneDay));
											ninetyDaysLater.setHours(23, 59, 59, 999);
											$("#rangeDemoFinish").AnyTime_noPicker().removeAttr("disabled").val(rangeDemoConv.format(dayLater)).AnyTime_picker({
												earliest : dayLater,
												format : rangeDemoFormat,
												latest : ninetyDaysLater
											});
										} catch(e) {
											$("#rangeDemoFinish").val("").attr("disabled", "disabled");
										}
									});
								</script>
							</div>
							<tr class="demo_title">
								<td class="right">
								<button type="submit" class="btn btn-success">
									<a>&nbsp;등  록&nbsp;</a>
								</button>
								<button type="button" class="btn">
									취  소
								</button>&nbsp;&nbsp;&nbsp; </td>
							</tr>
						</table>
					</fieldset>
				</form></td>
			</tr>
		</table>
	</div>
	<h3><span class="icon-wrench icon-white"></span></h3>
</div>
<!-- Demo Panel End -->
<!-- Header -->
<article id="header_nav">
	<div class="wrap_top_icon">
		<div class="container">
			<div class="mobile-navigation visible-tablet">
				<a id="tablet_menu" href="#"></a>
				<ul>
					<div class="triangle"></div>
					<li>
						<a class="text" href="#top">홈</a>
					</li>
					<li>
						<a class="text" href="#about">위키미소개</a>
					</li>
					<li>
						<a class="text" href="#location">i-위치확인</a>
					</li>
					<li>
						<a class="text" href="#danger">위험지역신고</a>
					</li>
					<li>
						<a class="text" href="#set">환경설정</a>
					</li>
					<li>
						<a class="text" href="#search">조회</a>
					</li>
					<li>
						<a class="text" href="#stats">통계</a>
					</li>
				</ul>
			</div>
		</div>
	</div>
	<div class="wrap wrap_header">
		<div class="container">
			<header class="clearfix">
				<a id="top_button" href="#top"></a>
				<!-- Logo -->
				<div id="top_logo">
					<a  class="logo" href="#top"> <img src="resources/img/wiwi.PNG" alt="Logo" /> </a>
				</div>
				<!--End Logo -->
				<div class="official">
					<!-- sticky navigation - Official menu -->
					<ul  class="localscroll visible-desktop sticky_navigation">
						<li >
							<a class="home" href="#top"> <span class="text">홈</span> <div class="bottom_border"></div> </a>
						</li>
						<li >
							<a class="about" href="#about"> <span class="text">위키미소개</span> <div class="bottom_border"></div> </a>
						</li>
						<li >
							<a class="location" href="#location"> <span class="text">i-위치확인</span> <div class="bottom_border"></div> </a>
						</li>
						<li >
							<a class="danger" href="#danger"> <span class="text">위험지역신고</span> <div class="bottom_border"></div> </a>
						</li>
						<li >
							<a class="set" href="#set"> <span class="text">환경설정</span> <div class="bottom_border"></div> </a>
						</li>
						<li >
							<a class="search" href="#search"> <span class="text">조회</span> <div class="bottom_border"></div> </a>
						</li>
						<li >
							<a class="stats" href="#stats"> <span class="text">통계</span> <div class="bottom_border"></div> </a>
						</li>
					</ul>
					<!-- End sticky navigation - Official menu -->
				</div>
				<div class="mobile-navigation visible-phone">
					<a id="phone_menu" href="#"></a>
					<ul>
						<div class="triangle"></div>
						<li>
							<a class="text" href="#top">홈</a>
						</li>
						<li>
							<a class="text" href="#about">위키미소개</a>
						</li>
						<li>
							<a class="text" href="#location">i-위치확인</a>
						</li>
						<li>
							<a class="text" href="#danger">위험지역신고</a>
						</li>
						<li>
							<a class="text" href="#set">환경설정</a>
						</li>
						<li>
							<a class="text" href="#search">조회</a>
						</li>
						<li>
							<a class="text" href="#stats">통계</a>
						</li>
					</ul>
				</div>
			</header>
		</div>
	</div>
	<!-- 서브메뉴 -->
	<div class="wrap wrap_primary_navigation">
		<div class="container">
			<div class="primary_navigation">
				<ul id="menu-menu" class="visible-desktop">
					<li id="menu-item-90" class="menu-item menu-item-type-custom menu-item-object-custom">
						<a href="#">시간-지역</a><div class="clearfix"></div>
					</li>
					<li id="menu-item-87" class="menu-item menu-item-type-custom menu-item-object-custom">
						<a href="#">특정지역</a><div class="clearfix"></div>
					</li>
					<li id="menu-item-82" class="menu-item menu-item-type-custom menu-item-object-custom" style="float: right;">
						<% 
						 String login = (String)session.getAttribute("userName");
						 if(login!=null){
						%>
						<%-- <%= session.getAttribute("userName")%> --%>
						<a class="text" href ="<%=request.getContextPath()%>/login/logout">로그아웃</a>
						<%}else{
						%>
						<a class="text" href ="<%=request.getContextPath()%>#login" data-toggle="modal">로그인</a>
						<%
					 	}
						%>
						<div class="clearfix"></div>
					</li>
					
					<li id="menu-item-81" class="menu-item menu-item-type-custom menu-item-object-custom" style="float: right;">
						<a href="#">회원정보</a><div class="clearfix"></div>
					</li>
					<li id="menu-item-80" class="menu-item menu-item-type-custom menu-item-object-custom" style="float: right;">
						<a href="#">커뮤니티</a><div class="clearfix"></div>
					</li>
				</ul>
			</div>
		</div>
		<!-- 서브메뉴를 접기 위해 추가 -->
		<div class="submobile-navigation visible-phone">
			<a id="iphone_menu" href="#"></a>
			<ul>
				<div class="triangle"></div>
				<li>
					<a class="text" href="#about">시간-지역</a>
				</li><li>
					<a class="text" href="#about">특정지역</a>
				</li>
				<li>
					<% 
					 String loginP = (String)session.getAttribute("userName");
					 if(loginP!=null){
					%>
					<%-- <%= session.getAttribute("userName")%> --%>
					<a class="text" href ="<%=request.getContextPath()%>/login/logout">로그아웃</a>
					<%}else{
					%>
					<a class="text" href ="<%=request.getContextPath()%>#login" data-toggle="modal">로그인</a>
					<%
				 	}
					%>
				</li>
				<li>
					<a class="text" href="#about">회원정보</a>
				</li>
				<li>
					<a class="text" href="#about">커뮤니티</a>
				</li>

			</ul>
		</div>
		<div class="submobile-navigation visible-tablet">
			<a id="itablet_menu" href="#"></a>
			<ul>
				<div class="triangle"></div>
				<li>
					<a class="text" href="#about">시간지역</a>
				</li>
				<li>
					<a class="text" href="#about">특정지역</a>
				</li>
				<li>
					<% 
					 String loginT = (String)session.getAttribute("userName");
					 if(loginT!=null){
					%>
					<%-- <%= session.getAttribute("userName")%> --%>
					<a href ="<%=request.getContextPath()%>/login/logout">로그아웃</a>
					<%}else{
					%>
					<a href ="<%=request.getContextPath()%>#login" data-toggle="modal">로그인</a>
					<%
				 	}
					%>
				</li>
				<li>
					<a class="text" href="#about">회원정보</a>
				</li>
				<li>
					<a class="text" href="#about">커뮤니티</a>
				</li>
			</ul>
		</div>
		<!-- 서브메뉴를 접기위해 추가 -->
	</div>
</article>
<!-- Header End -->
<!-- map -->
<article  id="wmap" claortfolio">
	<div class="wrap wrap_space_primary_menu"></div>
	<div class="wrap">
		<div class="container">
			<header class="row visible-desktop">
				<div class="span12 wrap_sub_title">
					<span class="text">지도에서 위치를 선택하세요</span>
				</div>
			</header>
			<header class="row visible-tablet">
				<div class="span12 wrap_sub_title">
					<span class="text">지도에서 위치를 선택하세요</span>
				</div>
			</header>
			<header class="row visible-phone">
				<div class="span12 wrap_sub_title">
					<span class="text">지도에서 위치를 선택하세요</span>
				</div>
			</header>
			<div class="row">
				<div class="span12 wrap_form">
					<img src="http://openapi.naver.com/map/getStaticMap?version=1.0&crs=EPSG:4326&center=126.976901,37.571607&level=10&w=2000&h=400&maptype=default&key=37fd2c0ae340d63cc596097644148c2c&uri=localhost:5427/Projects/naverMap.htm"/>
				</div>
			</div>
		</div>
	</div>
</article>
<!-- home End -->

<!-- tabel -->
<article  id="wtabel" class="Portfolio">
	<!--<div class="wrap wrap_space_primary_menu">
	</div>공백-->
	<div class="wrap">
		<div class="container">
			<header class="row visible-desktop">
				<div class="span12 wrap_sub_title">
					<span class="text">설정한 항목을 확인하세요</span>
				</div>
			</header>
			<header class="row visible-tablet">
				<div class="span12 wrap_sub_title">
					<span class="text">설정한 항목을 확인하세요</span>
				</div>
			</header>
			<header class="row visible-phone">
				<div class="span12 wrap_sub_title">
					<span class="text">설정한 항목을 확인하세요</span>
				</div>
			</header>
			<div class="row">
				<div class="span12 wrap_form">
					<form class="row">
						<fieldset id="no-more-tables" class="span12 ">
							<!--<legend>등록항목</legend>-->
							<div class="well table-r-padding">
								<table class="table table-bordered">
									<thead>
										<tr class="t-hcolor">
											<th style="width: 1%;">
											<input type="checkbox">
											</th>
											<th style="width: 7%">번호</th>
											<th style="width: 20%;">설정이름</th>
											<th style="width: 44%;">주소</th>
											<th style="width: 8%;">반경</th>
											<th style="width: 10%;">시작시간</th>
											<th style="width: 10%;">종료시간</th>
										</tr>
									</thead>
									<tbody class="table-center">
										<tr style="border-bottom: 1px solid #DB6974;">
											<td>
											<input type="checkbox">
											</td>
											<td data-title="번호">1</td>
											<td data-title="설정이름">성빈이네</td>
											<td data-title="주소">서울시 종로구 종로동 143-1번지</td>
											<td data-title="반경" class="txt-green">50m</td>
											<td data-title="시작시간" class="txt-blue">2013-06-25-04:28PM</td>
											<td data-title="종료시간" class="txt-red">2013-06-25-04:28PM</td>
										</tr>
										<tr class="">
											<td class="">
											<input type="checkbox">
											</td>
											<td data-title="번호">2</td>
											<td data-title="설정이름">제욱이네</td>
											<td data-title="주소">서울시 종로구 종로동 143-1번지 메트로폴리탄 언덕너머 자갈밭</td>
											<td data-title="반경" class="txt-green">50m</td>
											<td data-title="시작시간" class="txt-blue">2013-06-25-04:28PM</td>
											<td data-title="종료시간" class="txt-red">2013-06-25-04:28PM</td>
										</tr>
										<tr class="">
											<td class="">
											<input type="checkbox">
											</td>
											<td data-title="번호">3</td>
											<td data-title="설정이름">석주네</td>
											<td data-title="주소">서울시 종로구 종로동 143-1번지 메트로폴리탄 언덕너머 자갈밭</td>
											<td data-title="반경" class="txt-green">50m</td>
											<td data-title="시작시간" class="txt-blue">2013-06-25-04:28PM</td>
											<td data-title="종료시간" class="txt-red">2013-06-25-04:28PM</td>
										</tr>
									</tbody>
								</table>
								<table class="table table-bordered table-color">
									<tr class="row table-center">
										<td class="span3"></td>
										<td class="span6">
										<div class="pagination">
											<ul>
												<li>
													<a href="#">Prev</a>
												</li>
												<li>
													<a href="#">1</a>
												</li>
												<li>
													<a href="#">2</a>
												</li>
												<li class="active">
													<a href="#">3</a>
												</li>
												<li>
													<a href="#">4</a>
												</li>
												<li>
													<a href="#">Next</a>
												</li>
											</ul>
										</div></td>
										<td class="span3" id="table_btn">
										<input type="button" class="btn btn-primary" value="조회"/>
										<input type="button" class="btn btn-danger" value="삭제"/>
										</td>
									</tr>
								</table>
							</div>
						</fieldset>
					</form>
				</div>
			</div>
		</div>
	</div>
</article>
<!-- table End -->
<!-- Blog -->
<article  id="blog"></article>
<!-- End Blog -->

<!-- location -->
<article>
	<div class="wrap location_height">
		<div id="location" class="rotated_line rotated_line_location6"></div>
		<div class="contact_map"></div>
		<div class="rotated_line  rotated_line_location5"></div>
	</div>
</article>
<!-- End location -->

<!-- contact -->
<article  id="contact"></article>
<!-- End contact -->

<!-- Topbar -->
<article class="hidden-phone" id="topbar">
	<div class="wrap wrap_topbar">
		<div class="container"></div>
	</div>
</article>

<article class="visible-phone topbar_phone">
	<div class="wrap wrap_topbar">
		<div class="container"></div>
	</div>
</article>
<!-- End Topbar -->
<!-- footer -->
<div class="wrap wrap_space_primary_menu"></div>
<footer>
	<div class="wrap wrap_footer">
		<div class="container">
			<p class="centerfooter" align="center">
				&copy; 여기는 footer입니다. by wikimi
			</p>
		</div>
	</div>
</footer>
<!-- footer End-->

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=&amp;sensor=true"></script>
<script type="text/javascript">
	/*Add location Here*/

	var gmapSettings = {
		markers : [{
			address : 'New York,little italy,7th street'
		}],

		controls : false,
		zoom : 9,

		maptype : 'ROADMAP',
		icon : {
			image : "resources/img/gmap_pin.png",

			shadow : "resources/img/gmap_pin_shadow.png",
			iconsize : [51, 60],
			shadowsize : [71, 26],

			iconanchor : [2, 59],

			shadowanchor : [0, 15]
		}
	};
	//Custom Script
</script>
<!-- **********   Theme Hook   ********** -->
<script type='text/javascript' src='resources/js/superfish.js'></script>
<script type='text/javascript' src='resources/js/jquery.parallax-1.1.3.js'></script>
<script type='text/javascript' src='resources/js/jquery.isotope.min.js'></script>
<script type='text/javascript' src='resources/js/jquery.flexslider-min.js'></script>
<script type='text/javascript' src='resources/js/jquery.magnific-popup.min.js'></script>
<script type='text/javascript' src='resources/js/jquery.cycle.lite.js'></script>
<script type='text/javascript' src='resources/js/jquery.cycle2.swipe.min.js'></script>
<script type='text/javascript' src='resources/js/jquery.nicescroll.min.js'></script>
<script type='text/javascript' src='resources/js/jquery.idTabs.min.js'></script>
<script type='text/javascript' src='resources/js/jquery.easing.1.3.js'></script>
<script type='text/javascript' src='resources/js/audio.js'></script>
<script type='text/javascript' src='resources/js/jquery.prettyPhoto.js'></script>
<script type='text/javascript' src='resources/js/widgets.js'></script>
<script type='text/javascript' src='resources/js/jquery.touch-slider.1.0.2.min.js'></script>
<script type='text/javascript'>
	/* <![CDATA[ */
	var slider_settings = {
		"delay" : "5000",
		"itemInSpeed" : "500",
		"itemOutSpeed" : "1500",
		"bgSpeed" : "700"
	};
	/* ]]> */
</script>
<script type='text/javascript' src='resources/js/jquery.awesome-slider.1.0.2.min.js'></script>
<script type='text/javascript' src='resources/js/jquery.gmap-2.1.2-min.js'></script>
<script type='text/javascript'>
	/* <![CDATA[ */
	var theme_uri = {
		"img" : "resources\/img"
	};
	var theme_strings = {
		"contact_submit" : "Send"
	};
	var red_sky_scroll = {
		"scrolling_speed" : "1000",
		"scrolling_easing" : "easeInOutSine",
		"scrolling_hash" : ""
	};
	var red_sky_about_parallax = {
		"about_parallax_speed" : "0.1",
		"about_parallax_position" : "50"
	};
	var red_sky_portfolio_parallax = {
		"portfolio_parallax_speed" : "0.1",
		"portfolio_parallax_position" : "50"
	};
	var red_sky_blog_parallax = {
		"blog_parallax_speed" : "0.1",
		"blog_parallax_position" : "50"
	};
	var paged_data = {
		"startPage" : "1",
		"maxPages" : "1",
		"nextLink" : null,
		"loadingText" : "Loading...",
		"loadMoreText" : "Load More",
		"noMorePostsText" : "No More Posts"
	};
	var portfolio_data = {
		"startPage" : "1",
		"maxPages" : "2",
		"nextLink" : "?paged=2",
		"loadingText" : "Loading...",
		"loadMoreText" : "Load More",
		"noMorePostsText" : "No More Posts"
	};
	/* ]]> */
</script>
	<script type='text/javascript' src='resources/js/custom.js'></script>

</body>

</html>